$(function(){
	var html = `<div class="layui-header">
        <div class="layui-logo"><img src="/img/logo.png"></div>
        <!-- 头部区域（可配合layui已有的水平导航） -->
        <ul class="layui-nav layui-layout-left">
        <li class="layui-nav-item"><a href=""></a></li>
    </ul>
    <ul class="layui-nav layui-layout-right">
        <li class="layui-nav-item">
        <a href="javascript:;">
        admin
        </a>
        <dl class="layui-nav-child">
        <dd><a href=""style="padding-left: 20px">基本资料</a></dd>
    <dd><a href="" style="padding-left: 20px">安全设置</a></dd>
    </dl>
    </li>
    <li class="layui-nav-item"><a href="http://localhost:8080/login.html">退了</a></li>
    </ul>
    </div>`;
	
	var f_html = '       <div class="layui-footer">\n' +
        '         <!-- 底部固定区域 -->\n' +
        '         底部固定区域\n' +
        '       </div>\n';
	
	var left_html = '<ul class="layui-nav layui-nav-tree" lay-filter="test"  lay-shrink="">' +
        '<li class="layui-nav-item"><a href="/index-xz.html"><i class="layui-icon layui-icon-home" style="font-size: 18px;"></i><cite>首页</cite></a></li>' +
        '<li class="layui-nav-item"><a href="/pages/ZHXY/wdxx.html"><i class="layui-icon layui-icon-ail-zhanghaoquanxianguanli" style="font-size: 18px;"></i><cite>我的信息</cite></a></li>' +
        '<li class="layui-nav-item"><a href="javascript:;"><i class="layui-icon layui-icon-ail-jichuguanli" style="font-size: 18px;"></i><cite>我的班级</cite></a>' +
        '<dl class="layui-nav-child">' +
        '<dd><a href="/pages/ZHXY/kb.html">课表</a></dd>' +
        '<dd><a href="/pages/ZHXY/txl.html">同学录</a></dd>' +
        '<dd><a href="/pages/ZHXY/bwh.html">班委会</a></dd>' +
        '</dl>' +
		'</li>' +
        '<li class="layui-nav-item"><a href="javascript:;" target="_blank"><i class="layui-icon layui-icon-ail-zhanghaoquanxianguanli" style="font-size: 18px;"></i><cite>我的成绩</cite></a></li>' +
        '<li class="layui-nav-item"><a href="javascript:;"><i class="layui-icon layui-icon-ail-biaodanzujian-biaoge" style="font-size: 18px;"></i><cite>考勤签到</cite></a></li>' +
		'<li class="layui-nav-item">' +
        '<a href="javascript:;"><i class="layui-icon layui-icon-ail-peiwangyindao" style="font-size: 18px;"></i><cite>学习园地</cite></a>' +
        '<dl class="layui-nav-child">' +
        '<dd><a href="/pages/zxxt.html">在线学堂</a></dd>' +
        '<dd><a href="/pages/kjzy.html">课件资源</a></dd>' +
        '</dl>' +
		'</li>' +
        '<li class="layui-nav-item"><a href="/pages/qxlt.html" target="_blank"><i class="layui-icon layui-icon-dialogue" style="font-size: 18px;"></i><cite>屈乡论坛</cite></a></li>' +
		'</ul>';
	
	$("#header").empty();
	$("#footer").empty();
	$("#left_menu").empty();
	
	$("#header").append(html);
	$("#footer").append(f_html);
	$("#left_menu").append(left_html);
	layui.use('element', function(){
		var element = layui.element;

		//…
	});
	
	layui.use(['carousel', 'form'], function(){
		var carousel = layui.carousel;
		var form = layui.form;
		
		//图片轮播
		carousel.render({
			elem: '#test10',
			width: '100%',
			height: '440px',
			interval: 5000
		});
	});
});